﻿<html xmlns:th="http://www.thymeleaf.org"> <!--语法提示-->

<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
    <title>樂有商城--商品详情页</title>
    <link rel="icon" href="/assets/img/favicon.ico">

    <link rel="stylesheet" type="text/css" href="/css/webbase.css"/>
    <link rel="stylesheet" type="text/css" href="/css/pages-item.css"/>
    <link rel="stylesheet" type="text/css" href="/css/pages-zoom.css"/>
    <link rel="stylesheet" type="text/css" href="/css/widget-cartPanelView.css"/>

    <style type="text/css">
        .goods-intro-list li {
            display: inline-block;
            width: 300px;
        }

        .Ptable {
            margin: 10px 0;
        }

        .Ptable-item {
            padding: 12px 0;
            line-height: 220%;
            color: #999;
            font-size: 12px;
            border-bottom: 1px solid #eee;
        }

        .Ptable-item h3 {
            width: 110px;
            text-align: right;
        }

        .Ptable-item h3, .package-list h3 {
            font-weight: 400;
            font-size: 12px;
            float: left;
        }

        h3 {
            display: block;
            font-size: 1.17em;
            -webkit-margin-before: 1em;
            -webkit-margin-after: 1em;
            -webkit-margin-start: 0px;
            -webkit-margin-end: 0px;
            font-weight: bold;
        }

        .Ptable-item dl {
            margin-left: 110px;
        }

        dl {
            display: block;
            -webkit-margin-before: 1em;
            -webkit-margin-after: 1em;
            -webkit-margin-start: 0px;
            -webkit-margin-end: 0px;
        }

        .Ptable-item dt {
            width: 160px;
            float: left;
            text-align: right;
            padding-right: 5px;
        }

        .Ptable-item dd {
            margin-left: 210px;
        }

        dd {
            display: block;
            -webkit-margin-start: 40px;
        }

        .package-list {
            padding: 12px 0;
            line-height: 220%;
            color: #999;
            font-size: 12px;
            margin-top: -1px;
        }

        .package-list h3 {
            width: 130px;
            text-align: right;
        }

        .package-list p {
            margin-left: 155px;
            padding-right: 50px;
        }
    </style>

</head>

<body>

<!-- 头部栏位 -->
<!--页面顶部，由js动态加载-->
<div id="itemApp">
    <div id="nav-bottom">
        <ly-top/>
    </div>
    <div class="py-container">
        <div id="item">
            <div class="crumb-wrap">
                <ul class="sui-breadcrumb">
                    <li v-for="category in categories">
                        <a href="#">{{category.name}}</a>
                    </li>
                    <li>
                        <a href="#">{{brand.name}}</a>
                    </li>
                    <li class="active">{{spu.title}}</li>
                </ul>
            </div>
            <!--product-info-->
            <div class="product-info">
                <div class="fl preview-wrap">
                    <!--放大镜效果-->
                    <div class="zoom">
                        <!--默认第一个预览-->
                        <div id="preview" class="spec-preview">
							<span class="jqzoom">
								<img :jqimg="images[0]" :src="images[0]" width="400px" height="400px"/>
							</span>
                        </div>
                        <!--下方的缩略图-->
                        <div class="spec-scroll">
                            <a class="prev">&lt;</a>
                            <!--左右按钮-->
                            <div class="items">
                                <ul>
                                    <li v-for="image in images">
                                        <img :src="image" :bimg="image" onmousemove="preview(this)"/>
                                    </li>

                                </ul>
                            </div>
                            <a class="next">&gt;</a>
                        </div>
                    </div>
                </div>
                <div class="fr itemInfo-wrap">
                    <div class="sku-name">
                        <h4>{{sku.title}}</h4>
                    </div>
                    <div class="news"><span th:utext="${spu.subTitle}"></span></div>
                    <div class="summary">
                        <div class="summary-wrap">
                            <div class="fl title"><i>价　　格</i></div>
                            <div class="fl price">
                                <i>¥</i><em>{{ly.formatPrice(sku.price)}}</em><span>降价通知</span>
                            </div>
                            <div class="fr remark"><i>累计评价</i><em>612188</em></div>
                        </div>
                        <div class="summary-wrap">
                            <div class="fl title">
                                <i>促　　销</i>
                            </div>
                            <div class="fl fix-width">
                                <i class="red-bg">加价购</i>
                                <em class="t-gray">满999.00另加20.00元，或满1999.00另加30.00元，或满2999.00另加40.00元，即可在购物车换
                                    购热销商品</em>
                            </div>
                        </div>
                    </div>
                    <div class="support">
                        <div class="summary-wrap">
                            <div class="fl title">
                                <i>支　　持</i>
                            </div>
                            <div class="fl fix-width">
                                <em class="t-gray">以旧换新，闲置手机回收 4G套餐超值抢 礼品购</em>
                            </div>
                        </div>
                        <div class="summary-wrap">
                            <div class="fl title">
                                <i>配 送 至</i>
                            </div>
                            <div class="fl fix-width">
                                <em class="t-gray">上海 <span>有货</span></em>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix choose">
                        <div id="specification" class="summary-wrap clearfix">
                            <dl v-for="(value,key) in specialSpec" :key="key"><!--特有规格参数-->
                                <dt>
                                    <div class="fl title">
                                        <i>{{paramMap[key]}}:</i><!--参数名称-->
                                    </div>
                                </dt>
                                <dd v-for="(v,i) in value" :key="i">
                                    <a href="javascript:;" :class="{selected: i===indexes[key]}" @click="indexes[key] = i">
                                        {{v}}<span title="点击取消选择">&nbsp;</span>
                                    </a>
                                </dd>

                            </dl>
                            <dl>
                                <dt>
                                    <div class="fl title">
                                        <i>购买方式</i>
                                    </div>
                                </dt>
                                <dd><a href="javascript:;" class="selected">官方标配<span title="点击取消选择">&nbsp;</span>
                                </a></dd>
                                <dd><a href="javascript:;">移动优惠版</a></dd>
                                <dd><a href="javascript:;" class="locked">电信优惠版</a></dd>
                            </dl>
                        </div>

                        <div class="summary-wrap">
                            <div class="fl title">
                                <div class="control-group">
                                    <div class="controls">
                                        <input autocomplete="off" type="text" disabled value="1" minnum="1"
                                               class="itxt" v-model="num"/>
                                        <a href="javascript:void(0)" class="increment plus" @click="increment">+</a>
                                        <a href="javascript:void(0)" class="increment mins" @click="decrement">-</a>
                                    </div>
                                </div>
                            </div>
                            <div class="fl">
                                <ul class="btn-choose unstyled">
                                    <li>
                                        <a href="javascript:void(0);" target="_blank"
                                           class="sui-btn  btn-danger addshopcar" @click.prevent="addCart">加入购物车</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--product-detail-->
            <div class="clearfix product-detail">
                <div class="fl aside">
                    <ul class="sui-nav nav-tabs tab-wraped">
                        <li class="active">
                            <a href="#index" data-toggle="tab">
                                <span>相关分类</span>
                            </a>
                        </li>
                        <li>
                            <a href="#profile" data-toggle="tab">
                                <span>推荐品牌</span>
                            </a>
                        </li>
                    </ul>
                    <div class="tab-content tab-wraped">
                        <div id="index" class="tab-pane active">
                            相关分类
                            <!--<ul class="part-list unstyled">-->
                                <!--<li>手机</li>-->
                                <!--<li>手机壳</li>-->
                                <!--<li>内存卡</li>-->
                                <!--<li>Iphone配件</li>-->
                                <!--<li>贴膜</li>-->
                                <!--<li>手机耳机</li>-->
                                <!--<li>移动电源</li>-->
                                <!--<li>平板电脑</li>-->
                            <!--</ul>-->
                            <!--<ul class="goods-list unstyled">-->
                                <!--<li>-->
                                    <!--<div class="list-wrap">-->
                                        <!--<div class="p-img">-->
                                            <!--<img src="/img/_/part01.png"/>-->
                                        <!--</div>-->
                                        <!--<div class="attr">-->
                                            <!--<em>Apple苹果iPhone 6s (A1699)</em>-->
                                        <!--</div>-->
                                        <!--<div class="price">-->
                                            <!--<strong>-->
                                                <!--<em>¥</em>-->
                                                <!--<i>6088.00</i>-->
                                            <!--</strong>-->
                                        <!--</div>-->
                                        <!--<div class="operate">-->
                                            <!--<a href="javascript:void(0);" class="sui-btn btn-bordered">加入购物车</a>-->
                                        <!--</div>-->
                                    <!--</div>-->
                                <!--</li>-->
                                <!--<li>-->
                                    <!--<div class="list-wrap">-->
                                        <!--<div class="p-img">-->
                                            <!--<img src="/img/_/part02.png"/>-->
                                        <!--</div>-->
                                        <!--<div class="attr">-->
                                            <!--<em>Apple苹果iPhone 6s (A1699)</em>-->
                                        <!--</div>-->
                                        <!--<div class="price">-->
                                            <!--<strong>-->
                                                <!--<em>¥</em>-->
                                                <!--<i>6088.00</i>-->
                                            <!--</strong>-->
                                        <!--</div>-->
                                        <!--<div class="operate">-->
                                            <!--<a href="javascript:void(0);" class="sui-btn btn-bordered">加入购物车</a>-->
                                        <!--</div>-->
                                    <!--</div>-->
                                <!--</li>-->
                                <!--<li>-->
                                    <!--<div class="list-wrap">-->
                                        <!--<div class="p-img">-->
                                            <!--<img src="/img/_/part03.png"/>-->
                                        <!--</div>-->
                                        <!--<div class="attr">-->
                                            <!--<em>Apple苹果iPhone 6s (A1699)</em>-->
                                        <!--</div>-->
                                        <!--<div class="price">-->
                                            <!--<strong>-->
                                                <!--<em>¥</em>-->
                                                <!--<i>6088.00</i>-->
                                            <!--</strong>-->
                                        <!--</div>-->
                                        <!--<div class="operate">-->
                                            <!--<a href="javascript:void(0);" class="sui-btn btn-bordered">加入购物车</a>-->
                                        <!--</div>-->
                                    <!--</div>-->
                                    <!--<div class="list-wrap">-->
                                        <!--<div class="p-img">-->
                                            <!--<img src="/img/_/part02.png"/>-->
                                        <!--</div>-->
                                        <!--<div class="attr">-->
                                            <!--<em>Apple苹果iPhone 6s (A1699)</em>-->
                                        <!--</div>-->
                                        <!--<div class="price">-->
                                            <!--<strong>-->
                                                <!--<em>¥</em>-->
                                                <!--<i>6088.00</i>-->
                                            <!--</strong>-->
                                        <!--</div>-->
                                        <!--<div class="operate">-->
                                            <!--<a href="javascript:void(0);" class="sui-btn btn-bordered">加入购物车</a>-->
                                        <!--</div>-->
                                    <!--</div>-->
                                    <!--<div class="list-wrap">-->
                                        <!--<div class="p-img">-->
                                            <!--<img src="/img/_/part03.png"/>-->
                                        <!--</div>-->
                                        <!--<div class="attr">-->
                                            <!--<em>Apple苹果iPhone 6s (A1699)</em>-->
                                        <!--</div>-->
                                        <!--<div class="price">-->
                                            <!--<strong>-->
                                                <!--<em>¥</em>-->
                                                <!--<i>6088.00</i>-->
                                            <!--</strong>-->
                                        <!--</div>-->
                                        <!--<div class="operate">-->
                                            <!--<a href="javascript:void(0);" class="sui-btn btn-bordered">加入购物车</a>-->
                                        <!--</div>-->
                                    <!--</div>-->
                                <!--</li>-->
                            <!--</ul>-->
                        </div>
                        <div id="profile" class="tab-pane">
                            <p>推荐品牌</p>
                        </div>
                    </div>
                </div>
                <div class="fr detail">
                    <!--detail<div class="clearfix fitting">-->
                        <!--<h4 class="kt">选择搭配</h4>-->
                        <!--<div class="good-suits">-->
                            <!--<div class="fl master">-->
                                <!--<div class="list-wrap">-->
                                    <!--<div class="p-img">-->
                                        <!--<img src="/img/_/l-m01.png"/>-->
                                    <!--</div>-->
                                    <!--<em>￥5299</em>-->
                                    <!--<i>+</i>-->
                                <!--</div>-->
                            <!--</div>-->
                            <!--<div class="fl suits">-->
                                <!--<ul class="suit-list">-->
                                    <!--<li class="">-->
                                        <!--<div id="">-->
                                            <!--<img src="/img/_/dp01.png"/>-->
                                        <!--</div>-->
                                        <!--<i>Feless费勒斯VR</i>-->
                                        <!--<label data-toggle="checkbox" class="checkbox-pretty">-->
                                            <!--<input type="checkbox"><span>39</span>-->
                                        <!--</label>-->
                                    <!--</li>-->
                                    <!--<li class="">-->
                                        <!--<div><img src="/img/_/dp02.png"/></div>-->
                                        <!--<i>Feless费勒斯VR</i>-->
                                        <!--<label data-toggle="checkbox" class="checkbox-pretty">-->
                                            <!--<input type="checkbox"><span>50</span>-->
                                        <!--</label>-->
                                    <!--</li>-->
                                    <!--<li class="">-->
                                        <!--<div><img src="/img/_/dp03.png"/></div>-->
                                        <!--<i>Feless费勒斯VR</i>-->
                                        <!--<label data-toggle="checkbox" class="checkbox-pretty">-->
                                            <!--<input type="checkbox"><span>59</span>-->
                                        <!--</label>-->
                                    <!--</li>-->
                                    <!--<li class="">-->
                                        <!--<div><img src="/img/_/dp04.png"/></div>-->
                                        <!--<i>Feless费勒斯VR</i>-->
                                        <!--<label data-toggle="checkbox" class="checkbox-pretty">-->
                                            <!--<input type="checkbox"><span>99</span>-->
                                        <!--</label>-->
                                    <!--</li>-->
                                <!--</ul>-->
                            <!--</div>-->
                            <!--<div class="fr result">-->
                                <!--<div class="num">已选购0件商品</div>-->
                                <!--<div class="price-tit"><strong>套餐价</strong></div>-->
                                <!--<div class="price">￥5299</div>-->
                                <!--<button class="sui-btn  btn-danger addshopcar">加入购物车</button>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->
                    <div class="tab-main intro">
                        <ul class="sui-nav nav-tabs tab-wraped">
                            <li class="active">
                                <a href="#one" data-toggle="tab">
                                    <span>商品介绍</span>
                                </a>
                            </li>
                            <li>
                                <a href="#two" data-toggle="tab">
                                    <span>规格与包装</span>
                                </a>
                            </li>
                            <li>
                                <a href="#three" data-toggle="tab">
                                    <span>售后保障</span>
                                </a>
                            </li>
                            <li>
                                <a href="#four" data-toggle="tab">
                                    <span>商品评价</span>
                                </a>
                            </li>
                            <li>
                                <a href="#five" data-toggle="tab">
                                    <span>手机社区</span>
                                </a>
                            </li>
                        </ul>
                        <div class="clearfix"></div>
                        <div class="tab-content tab-wraped">
                            <div id="one" class="tab-pane active">
                                <ul class="goods-intro-list unstyled" style="list-style: none;">
                                    <li v-for="(value,key) in genericSpec" :key="key">{{paramMap[key]}}:{{value}}</li>
                                </ul>
                                <!--商品详情-->
                                <div class="intro-detail" th:utext="${spuDetail.description}"></div>
                            </div>
                            <div id="two" class="tab-pane">
                                <div class="Ptable">
                                    <div class="Ptable-item" v-for="group in groups">
                                        <h3>{{group.name}}</h3>
                                        <dl v-for="param in group.params">
                                            <dt>{{param.name}}</dt>
                                            <dd>{{param.generic ? ((genericSpec[param.id] || "其他") + (param.unit || ""))
                                                : JSON.parse(sku.ownSpec)[param.id]}}
                                            </dd>

                                        </dl>
                                    </div>

                                </div>
                                <div class="package-list">
                                    <h3>包装清单</h3>
                                    <p th:text="${spuDetail.packingList}"></p>
                                </div>

                            </div>
                            <div id="three" class="tab-pane">
                                <p th:text="${spuDetail.afterService}"></p>
                            </div>
                            <div id="four" class="tab-pane">
                                <p>商品评价</p>
                            </div>
                            <div id="five" class="tab-pane">
                                <p>手机社区</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--like-->
            <div class="clearfix"></div>
            <!--<div class="like">-->
                <!--<h4 class="kt">猜你喜欢</h4>-->
                <!--<div class="like-list">-->
                    <!--<ul class="yui3-g">-->
                        <!--<li class="yui3-u-1-6">-->
                            <!--<div class="list-wrap">-->
                                <!--<div class="p-img">-->
                                    <!--<img src="/img/_/itemlike01.png"/>-->
                                <!--</div>-->
                                <!--<div class="attr">-->
                                    <!--<em>DELL戴尔Ins 15MR-7528SS 15英寸 银色 笔记本</em>-->
                                <!--</div>-->
                                <!--<div class="price">-->
                                    <!--<strong>-->
                                        <!--<em>¥</em>-->
                                        <!--<i>3699.00</i>-->
                                    <!--</strong>-->
                                <!--</div>-->
                                <!--<div class="commit">-->
                                    <!--<i class="command">已有6人评价</i>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</li>-->
                        <!--<li class="yui3-u-1-6">-->
                            <!--<div class="list-wrap">-->
                                <!--<div class="p-img">-->
                                    <!--<img src="/img/_/itemlike02.png"/>-->
                                <!--</div>-->
                                <!--<div class="attr">-->
                                    <!--<em>Apple苹果iPhone 6s/6s Plus 16G 64G 128G</em>-->
                                <!--</div>-->
                                <!--<div class="price">-->
                                    <!--<strong>-->
                                        <!--<em>¥</em>-->
                                        <!--<i>4388.00</i>-->
                                    <!--</strong>-->
                                <!--</div>-->
                                <!--<div class="commit">-->
                                    <!--<i class="command">已有700人评价</i>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</li>-->
                        <!--<li class="yui3-u-1-6">-->
                            <!--<div class="list-wrap">-->
                                <!--<div class="p-img">-->
                                    <!--<img src="/img/_/itemlike03.png"/>-->
                                <!--</div>-->
                                <!--<div class="attr">-->
                                    <!--<em>DELL戴尔Ins 15MR-7528SS 15英寸 银色 笔记本</em>-->
                                <!--</div>-->
                                <!--<div class="price">-->
                                    <!--<strong>-->
                                        <!--<em>¥</em>-->
                                        <!--<i>4088.00</i>-->
                                    <!--</strong>-->
                                <!--</div>-->
                                <!--<div class="commit">-->
                                    <!--<i class="command">已有700人评价</i>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</li>-->
                        <!--<li class="yui3-u-1-6">-->
                            <!--<div class="list-wrap">-->
                                <!--<div class="p-img">-->
                                    <!--<img src="/img/_/itemlike04.png"/>-->
                                <!--</div>-->
                                <!--<div class="attr">-->
                                    <!--<em>DELL戴尔Ins 15MR-7528SS 15英寸 银色 笔记本</em>-->
                                <!--</div>-->
                                <!--<div class="price">-->
                                    <!--<strong>-->
                                        <!--<em>¥</em>-->
                                        <!--<i>4088.00</i>-->
                                    <!--</strong>-->
                                <!--</div>-->
                                <!--<div class="commit">-->
                                    <!--<i class="command">已有700人评价</i>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</li>-->
                        <!--<li class="yui3-u-1-6">-->
                            <!--<div class="list-wrap">-->
                                <!--<div class="p-img">-->
                                    <!--<img src="/img/_/itemlike05.png"/>-->
                                <!--</div>-->
                                <!--<div class="attr">-->
                                    <!--<em>DELL戴尔Ins 15MR-7528SS 15英寸 银色 笔记本</em>-->
                                <!--</div>-->
                                <!--<div class="price">-->
                                    <!--<strong>-->
                                        <!--<em>¥</em>-->
                                        <!--<i>4088.00</i>-->
                                    <!--</strong>-->
                                <!--</div>-->
                                <!--<div class="commit">-->
                                    <!--<i class="command">已有700人评价</i>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</li>-->
                        <!--<li class="yui3-u-1-6">-->
                            <!--<div class="list-wrap">-->
                                <!--<div class="p-img">-->
                                    <!--<img src="/img/_/itemlike06.png"/>-->
                                <!--</div>-->
                                <!--<div class="attr">-->
                                    <!--<em>DELL戴尔Ins 15MR-7528SS 15英寸 银色 笔记本</em>-->
                                <!--</div>-->
                                <!--<div class="price">-->
                                    <!--<strong>-->
                                        <!--<em>¥</em>-->
                                        <!--<i>4088.00</i>-->
                                    <!--</strong>-->
                                <!--</div>-->
                                <!--<div class="commit">-->
                                    <!--<i class="command">已有700人评价</i>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</li>-->
                    <!--</ul>-->
                <!--</div>-->
            <!--</div>-->
        </div>
    </div>

</div>
<script src="/js/vue/vue.js"></script>
<script src="/js/axios.min.js"></script>
<script src="/js/common.js"></script>
<script th:inline="javascript">

    const a = /*[[${groups}]]*/ null;
    const b = /*[[${paramMap}]]*/ null;
    const c = /*[[${categories}]]*/ null;
    const d = /*[[${spu}]]*/ null;
    const e = /*[[${spuDetail}]]*/ null;
    const f = /*[[${skus}]]*/ null;
    const g = /*[[${brand}]]*/ null;

    // sku集合
    const skus = /*[[${skus}]]*/ [];
    console.log(skus);
    // 规格参数id与name对
    const paramMap = /*[[${paramMap}]]*/ {};
    console.log(paramMap);
    //特有规格参数集合
    const specialSpec = JSON.parse(/*[[${spuDetail.specialSpec}]]*/ "");
    console.log(specialSpec);
    let indexes = {};

    Object.keys(specialSpec).forEach(key => {
        indexes[key] = 0; //第一次进入页面时，用户并未选择任何参数。因此索引应该有一个默认值，我们将默认值设置为0。
    });

    //公有规格参数集合
    const genericSpec = JSON.parse(/*[[${spuDetail.genericSpec}]]*/ "");
    console.log(genericSpec);
</script>

<script>
    var itemVm = new Vue({
        el: "#itemApp",
        data: {
            categories: c,
            brand: g,
            spu: d,
            skus: f,
            paramMap: b,
            specialSpec,
            indexes, //在vue中保存 vue实例中的索引会随着点击而变化
            ly,
            spuDetail: e,
            groups: a,
            //skus,
            //paramMap,
            genericSpec,
            num: 1
        },
        components: {
            lyTop: () => import('/js/pages/top.js')
        },
        computed: {
            sku() {  //计算与索引匹配的sku
                const index = Object.values(this.indexes).join("_");//[0,0,0]  0_0_0
                return this.skus.find(s => s.indexes == index);
            },
            images() {
                return this.sku.images ? this.sku.images.split(",") : ['']
            },
            groups() {
                groups.forEach(group => {
                    group.params.forEach(param => {
                        if (param.generic) {
                            // 通用属性，去spu的genericSpec中获取
                            param.v = this.genericSpec[param.id] || '其它';
                        } else {
                            // 特有属性值，去SKU中获取
                            param.v = JSON.parse(this.sku.ownSpec)[param.id]
                        }
                    })
                });
                return groups;
            }
        },
        methods: {
            increment() {
                this.num++;
            },
            decrement() {
                if (this.num > 1) {
                    this.num--;
                }
            },
            addCart() {
                let cart = {
                    skuId: this.sku.id,
                    title: this.sku.title,
                    image: this.images[0],
                    price: this.sku.price,
                    num: this.num,
                    ownSpec: this.sku.ownSpec,
                    //paramMap: this.paramMap
                };
                ly.http.get("/auth/verify").then(() => {
                    //已登录
                    ly.http.post("/cart", cart).then(() => {
                        // 跳转  用来展示购物车的内容
                        window.location.href = "http://www.leyou.com/cart.html";
                    }).catch(() => {
                        alert("添加购物车失败,请重试!");
                    })
                }).catch(() => {
                    //未登录
                    /**
                     * 构造一个购物车的数据对象
                     * */
                    //看一下本地localStorage有没有存过这个玩意，如果已经存过了，改数量
                    let localCarts = ly.store.get("carts") || [];
                    //获取当前与商品id一致的购物车数据
                    let storeCart = localCarts.find(ct => ct.skuId === cart.skuId);
                    //本地已经有了就改值
                    if (storeCart) {
                        //存在,修改值
                        storeCart.num = storeCart.num + cart.num;
                    } else {
                        //不存在,新增
                        localCarts.push(cart);
                    }
                    //把最新的数据重新存储,未登录
                    ly.store.set("carts", localCarts);

                    // 跳转  用来展示购物车的内容
                    window.location.href = "http://www.leyou.com/cart.html";
                })
            }
        }
    });
</script>

<script type="text/javascript" src="/js/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        $("#service").hover(function () {
            $(".service").show();
        }, function () {
            $(".service").hide();
        });
        $("#shopcar").hover(function () {
            $("#shopcarlist").show();
        }, function () {
            $("#shopcarlist").hide();
        });

    })
</script>
<script type="text/javascript" src="/js/model/cartModel.js"></script>
<script type="text/javascript" src="/js/plugins/jquery.easing/jquery.easing.min.js"></script>
<script type="text/javascript" src="/js/plugins/sui/sui.min.js"></script>
<script type="text/javascript" src="/js/plugins/jquery.jqzoom/jquery.jqzoom.js"></script>
<script type="text/javascript" src="/js/plugins/jquery.jqzoom/zoom.js"></script>
<script type="text/javascript" src="index/index.js"></script>
</body>

</html>